<template>
    <v-dialog :title="'历史日志'" :show="show" :size="'large'" :canClose="true"
              @close=" innerShow => $emit('close', innerShow) ">
        <label class="log-message">
            <textarea readonly v-model="msg"/>
        </label>
    </v-dialog>
</template>

<script>
    import FComponents from 'f-vue-components';

    export default {
        name: "LogDialog",
        components: {
            'v-dialog': FComponents.Dialog
        },
        props: {
            show: {
                type: Boolean,
                required: true
            },
            msg: {
                type: String,
                required: false,
                default: ''
            }
        },
    }
</script>

<style lang="less">
    label.log-message {
        width: 100%;
        height: 100%;
        display: block;

        textarea {
            width: 100%;
            height: 100%;
            resize: none;
            outline: none;
            border: none;
        }
    }
</style>